*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	outline: none;
	margin: 0;
	padding: 0;
}
html{
	font-size: 13.33vw;
}
body,
html {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	font-family: 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: auto !important;
	color: #5e5e5e;
}
body{
	font-size:0.3rem;
	overflow: hidden;
}
ul,
ol,
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
.clear:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}
.hide{
	display: none;
}
.comBg{
	width:100%;
	height:100%;
	background:url(https://horsevision.oss-cn-hangzhou.aliyuncs.com/h5/szhqg-yhb/images/bg.jpg) center center no-repeat;
	background-size:cover;
}
.ctLogo{
	text-align: center;
	padding-top:0.2rem;
}
.ctLogo>img{
	width:2rem;
}
.pageTitle{
	color:#5832a5;
	font-size:0.36rem;   
	font-weight: bold;
	text-align: center;
}
.pageTitle span{
	padding:0.1rem 0.2rem;
	border-top:1px solid #5832A5;
	border-bottom: 1px solid #5832A5;
}
.btn{
	color:#FFFFFF;
	font-size:0.28rem;
	width:3rem;
	height:0.86rem;
	margin:0 auto;
	text-align: center;
	line-height: 0.86rem;
	border-radius: 0.5rem;
	background:-webkit-linear-gradient(to right, #9065e7 0%, #6a41be 100%); 
	background:linear-gradient(to right, #9065e7 0%, #6a41be 100%);
}
/* 首页提示弹框 */
.coverBox{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	background:rgba(0,0,0,0.8);
	color:#1e1e1e;
	font-size:0.36rem;
	z-index:1;
}
.coverBoxMain{
	width:5.7rem;
	text-align: center;
	padding:0.8rem 0 0;
	background:#FFFFFF;
	border-radius: 0.2rem;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
.coverBoxMain p{
	line-height: 0.5rem;
	color:#1e1e1e;
	font-size:0.35rem;
}
.coverBoxMain .coverOk{
	margin:0.6rem auto;
}
.closeBtn{
	position: absolute;
	left:50%;
	bottom:-1rem;
	width:0.57rem;
	margin-left:-0.29rem;
}

/* 未中奖 */
.priceBox{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
	width:4.98rem;
	height:6.08rem;
	color:#db3332;
	background:url(https://horsevision.oss-cn-hangzhou.aliyuncs.com/h5/szhqg-yhb/images/prizeBgRed.png) center center no-repeat;
	background-size:100% auto;
}
.priceBox .priceText{
	position: absolute;
	left:0;
	top:-0.2rem;
	width:5.04rem;
	height:5.83rem;
	margin:0 auto;
	background:url(https://horsevision.oss-cn-hangzhou.aliyuncs.com/h5/szhqg-yhb/images/prizeBgWhite.png) 0 bottom no-repeat;
	background-size:100% auto;
}
.priceBox .priceText{
	padding-top:0.8rem;
	text-align: center;
}
.priceText .priceTitle{
	font-size:0.46rem;
}
.priceText .priceType{
	font-size:0.3rem;
	margin:0.1rem 0;
}
.priceText .money{
	font-size:0.4rem;
}
.priceText .money span{
	font-size: 0.4rem;
    margin-right: 0.1rem;
    text-align: center;
    padding: 0 0.5rem;
}
.priceBox .priceFront{
	position: absolute;
	left:-0.135rem;
	bottom: -0.3rem;
	width:5.25rem;
	height:4.29rem;
	padding-top:1.8rem;
	background:url(https://horsevision.oss-cn-hangzhou.aliyuncs.com/h5/szhqg-yhb/images/prizeBgRedFront.png) 0 bottom no-repeat;
	background-size:100% auto;
}
.peBtn{
	width:3rem;
	height:0.8rem;
	text-align: center;
	line-height: 0.8rem;
	border-radius: 0.5rem;
	margin:0 auto;
	background:-webkit-linear-gradient(to right, #ffebcc 0%, #fcd9a3 100%); 
	background:linear-gradient(to right, #ffebcc 0%, #fcd9a3 100%);
}
.priceFront .pfExplain{
	color:#FFFFFF;
	font-size:0.2rem;
	text-align: center;
	margin-top:0.3rem;
}
/* 错误提示 */
.coverBoxMain p.errorTxt{
	color:#DB3332;
	font-size:0.24rem;
	height:0.3rem;
}
/*music animate*/
#music{
	pointer-events: auto;
}
#music.on {
	-webkit-animation: loading 3s ease-in-out infinite;
	animation: loading 3s ease-in-out infinite;
}
@-webkit-keyframes loading {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

/* cd动画 */
.cdGroup img:first-child{
	transform: rotate(0);
	-webkit-transform: rotate(0);
	animation-duration: 6s;
	-webkit-animation-duration: 6s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
}
.cdGroup.act img:first-child{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}